@charset "utf-8";

/* #intro */
.banner-1{height: 600px;margin: 0;padding: 160px 0 0 0}
.banner-1 .content .lvtuan {margin-top: 100px;height: 177px;background: url(../img/banner/banner-wz-01.png) no-repeat 50% 50%}
.banner-1 .content .link-btn {margin-top: 50px;text-align: center}
.banner-1 .content .link-btn a, .qz-right .addtoCircle, .chenggang .iwanttotry, .fifth .seemore, .fifth .learnmore {width: 150px;margin-right: 30px;display: inline-block;height: 45px;line-height: 45px;font-size: 16px}
.banner-1 .content .link-btn a:hover,.index1 .content .link-btn a:hover,.qz-right a:hover,.chenggang a:hover,.fifth .seemore:hover,.fifth .learnmore:hover{color: #fff}
.inpbg {height: 37px;line-height: 37px;background: #004799;cursor: pointer;color: #fff;text-align: center}


/* #second */
.banner-2{background:#fff url() 100% 0 no-repeat fixed;height: 700px;margin: 0 auto;overflow: hidden;padding: 0}
.banner-2 .bg{background:#fff url() 100% 0 no-repeat fixed;height: 1000px;margin: 0 auto;padding: 0;position: absolute;width: 900px;z-index: 200}
.banner-2.container .bannerimg02{margin-top: 180px}
.banner-2 .container .link-btn {margin: 10px 0}
.banner-2 .container .link-btn .weasking, .banner-2 .container .link-btn .onlookers {width: 150px;margin-right: 30px;display: inline-block;height: 45px;line-height: 45px;font-size: 16px;margin-left: 130px}
.banner-2 .container .link-btn .weasking:hover, .banner-2 .container .link-btn .onlookers:hover{color: #fff}
.banner-2 .container .link-btn .onlookers {margin-left: 240px}

/* #third */
#third{background: #f4f6f8 url() 100% 0 no-repeat fixed;height: 700px;padding: 100px 0 0 0;	}
.qz-left,.qz-right{width: 50%;float: left;margin-top:50px}
.qz-left .bannerimg03{margin-left: 90px}
.qz-left .qz-img li{float: left;width: 100px; height: 100px;padding: 10px}
.qz-left .qz-img li a img{border-radius: 100px}
.qz-right .intruduction{color: #424242;width: 320px;border: 1px solid #c9c9c9;background-color: #fff;margin-top: 100px;margin-left: 100px;padding: 20px;overflow: hidden}
.qz-right .bannerimg04{margin-left: 100px;margin-top: 100px}
.qz-right .intruduction h3{font-size: 18px;font-weight: normal}
.qz-right .intruduction h3 #name{padding-right: 20px}
.qz-right .intruduction .texts{color: #757575;  margin-top: 50px}
.qz-right .intruduction .texts li{background: url(../img/shou.png)no-repeat  0px 3px;  padding-left: 25px;height: 25px;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.qz-right .intruduction .texts li a, .qz-right .intruduction .texts li a:hover{margin-left: 15px;color: #757575; }
.qz-right .addtoCircle{margin-left: 200px;margin-top: 50px}

/* #fourth */
#fourth{background:url(../img/banner/banner-05.jpg) 50% 0 no-repeat fixed;height: 800px;padding: 100px 0 0 0}
.fourth .bannerimg06{margin-top:50px}
.fourth .graphic{width: 700px; float: left;overflow: hidden}
.fourth .chenggang{ margin-top: 50px;background-color: rgba(255,255,255,0.5); width: 230px;height: 450px;float: right;margin-right: 50px;text-align: center}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .fourth .chenggang{
    background-color:#ffffff;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }255
}
.fourth .graphic{margin-top:70px}
.fourth .graphic li{width: 700px;overflow: hidden;clear: both;margin-bottom: 10px}
.fourth .graphic .newsimg{display: inline-block; float: left;width: 198px; height: 129px}
.fourth .graphic .newstxt{float: left;  width: 350px;  margin: 0 20px}
.fourth .graphic .newstxt .title {font-size: 16px;color: #424242}
.fourth .graphic .newstxt .text {width: 930px;margin: 0 auto 40px;color: #757575}
.fourth .graphic .newstxt .left{float: left;color: #7e7d7c}
.fourth .graphic .newstxt .right{float: right;color: #7e7d7c}
.fourth .graphic .wbtxt,.banner5 .graphic .newstxt a,.banner5 .graphic .newstxt label{color: #7e7d7c}
.fourth .graphic .wbtxt{margin-top: 5px;height: 70px;overflow: hidden}
.fourth .graphic{margin-top:70px}
.fourth .graphic li{width: 700px;overflow: hidden;clear: both;margin-bottom: 10px}
.fourth .graphic .newsimg{display: inline-block; float: left;width: 198px; height: 129px}
.fourth .graphic .newstxt{float: left;  width: 350px;  margin: 0 20px}
.fourth .graphic .newstxt .right{float: right}
.fourth .graphic .wbtxt,.banner5 .graphic .newstxt a,.banner5 .graphic .newstxt label{color: #7e7d7c}
.fourth .graphic .wbtxt{margin-top: 5px;height: 70px;overflow: hidden}

.chenggang .lvsename{width: 160px; margin: 20px auto}
.chenggang .lvsename li{color: #424242}
.chenggang .lvsename li.txtcenter{text-align: center;  line-height: 30px;font-size: 16px}
.chenggang .lvsename li.center{text-align: center;  line-height: 30px;font-size: 16px}
.chenggang .lvsename li.gyd{line-height: 40px;height:40px;margin-top: 15px}
.chenggang .lvsename li.gyd label{float: left}
.chenggang .lvsename li font{float: right;color: red;font-size: 18px}
.chenggang .iwanttotry{color: #fff; margin: 20px auto 0 auto}


/* #fifth */
#fifth{background: #fff;height: 800px;margin: 0 auto;padding: 40px 0 0 0}
.fifth .margintop{margin-top:180px}
.fifth .bannerimg07{margin-top: 0px;margin-bottom: 20px}
.fifth .titlename{color: #666;width: 257px;margin: 0 auto;line-height: 25px;padding: 10px 0}
.fifth .left,.fifth .right{width: 410px;text-align: center}
.fifth .left{float: left}
.fifth .right{float: left;margin-left: 110px}
.fifth .left .xiangmore,.fifth .right .xiangmore{background: #c9c9c9;border-radius: 6px;  padding: 20px;  color: #666;width: 370px;height: 243px}
.fifth .seemore,.fifth .learnmore{margin: 20px auto}


/* #lvtfx */
#lvtfx{background: #fff;height: 700px;margin: 0 auto;padding: 40px 0 0 0}
.yzbt{text-align: center;margin-top: 60px}
.yzbt .bannerimg09{margin: 130px auto 50px auto}
.yzbt .yzbtimgtxt{  width: 866px;overflow: hidden;margin: 0 auto}
.yzbt .yzbtimgtxt li{float: left;width: 200px;margin-right: 133px}
.yzbt .yzbtimgtxt li h4{margin: 10px 0;color: #424242}
.yzbt .yzbtimgtxt li p{line-height: 25px;color: #424242}
.yzbt .yzbtimgtxt li.last{margin-right: 0px}


/* #meiti */
#meiti{background: #fff;height: 700px;margin: 0 auto;padding: 40px 0 0 0}
.mtbd{text-align: center;margin-top: 100px}
.mtbd p{font-size: 16px}
.mtbd ul li{text-align: center}


.story{margin: 0 auto;min-width: 980px;width: 980px}
.story .float-left, .story .float-right{padding: 100px 0 0 0;position: relative;width: 350px;	}